<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<jsp:include page="/common/include_js.jsp" />
<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath() %>/front/css/css.css" />
</head>
<body>

<div id="loginDiv" class="pop dialog" style="height:250px;width:550px;display:none;">
	<div class="popHeader"><h1>登录出发吧</h1><a href="javascript:void(0);" onclick="javascript:hiddenPopDiv('loginDiv');"><span class="close">关闭</span></a></div>
	<div class="ContPad content">
		<form id="loginForm" class="login-content" action="<%=request.getContextPath() %>/front/frontLogin.action" method="post">
            <p id="from_login_msg" class="warning"></p>
            <p class="margin-top">
                <span>电子邮箱</span>
                <input type="text" name="username" id="username" class="meetinput" maxlength="100" tabindex="1">
            </p>
            <p>
                <span>密码</span>
                <input type="password" name="password" id="password" class="meetinput" maxlength="64" tabindex="2">
            </p>
            <p>
                <button class="primary" type="button" id="subBtn" onclick="javascript:checkLogin();">登录</button>&nbsp;&nbsp;&nbsp;<a href="#">忘记密码了？</a>
            </p>
        </form>
	 </div>
</div>
 

<div id="Htop">
  <div id="logo"><a href="#" class="logo"></a></div>
  <div id="Htopright" class="clearfix">
    <ul class="head_nav_menu">
      <li><h3><span onClick="javascript:showPopDiv('loginDiv');" style="cursor:pointer;">登录</span></h3></li>
      <li><a  href="<%=request.getContextPath() %>/front/register!goReg.action" class="reg">注册</a></li>
    </ul>
  </div>
</div>
<div class="banner" style="background:url(images/banner.jpg) no-repeat;">
<div class="promobox" id=" ">
						<h1 style="font-family:'微软雅黑'; font-size:18px; font-weight:normal;  color:#8f8f8f;letter-spacing:6px; ">随时随地<br />分享您的行程</h1>
							<div class="cta-butt">
							<h6><span onClick="javascript:showPopDiv('loginDiv');" style="cursor:pointer;">立即登录</span></h6>
						</div>
					</div>
</div>
<div class="Ttop"></div>
<div class="Tmain">
<div class="Tbox">
<h5>行程创建、预订和管理</h5>
<div class="Timg"><a href=""><img src="images/bnrCreat.jpg" /></a></div>
<p>您可以通过我们网站任意创建并且预订好你的行程，包括：机票，酒店，安排会面…。等等，没有结束，您还可以通过本站管理你的行程，让你的每一次旅行得到轻松掌控！</p>
</div>
<div class="Tbox middle">
<h5>发现</h5>
<div class="Timg"><a href=""><img src="images/bnrFind.jpg" /></a></div>
<p>看看有谁和你在同一个地方旅行吧！是不是很有趣？你可以和他们结识，看看他们旅行者中发生什么有趣的事情吧！</p>
</div>
<div class="Tbox">
<h5>分享</h5>
<div class="Timg"><a href=""><img src="images/bnrShare.jpg" /></a></div>
<p>和你的朋友一起分享你行程，还有旅行中一切有趣的事情，不仅仅是你的行程！</p>
</div>

</div>
<div class="cta-banner">
<div class="cta-butt fLt">
<h6><a  href="<%=request.getContextPath() %>/front/register!goReg.action" class="reg">立即注冊</a></h6>
    </div>
    <div class="fRt" style="width:780px;"><h5>只要不到一分钟时间，你就可以建立你的免费帐号并开始分享你的行程！</h5></div>
    </div>
<div class="Tmain">
<div class="Tbox">
<h5>群组</h5>
<div class="Timg"><a href=""><img src="images/bnrGroup.jpg" /></a></div>
<p>你可以和你的好友或者同事组成任意群组。彼此了解，共同管理你们的行程。</p>
</div>
<div class="Tbox middle">
<h5>隐私</h5>
<div class="Timg"><a href=""><img src="images/bnrSecret.jpg" /></a></div>
<p>请放心，没有您的允许，我们不会随意和任何人分享你的任何信息</p>
</div>
<div class="Tbox">
<h5>随时随地</h5>
<div class="Timg"><a href=""><img src="images/bnrAnywhere.jpg" /></a></div>
<p>你可以随时随地了解你的旅行状况。未来还可以透过iphone，andriod，blackberry 上的应用程序，将你的旅行装进你的口袋！</p>
</div>
</div>

<jsp:include page="include/bottom.jsp" />

<script type='text/javascript' src='<%=request.getContextPath() %>/dwr/interface/frontLoginAction.js'></script>
<script type="text/javascript">
	var reg=/\s/g;
	var checkLogin=function(){
		var username=document.getElementById('username');
		var password=document.getElementById('password');
		username.value=username.value.replace(reg,'');
		password.value=password.value.replace(reg,'');
		
		var u=username.value;
		var p=password.value;
		
		if(u&&p){
			document.getElementById('subBtn').style.display='none';
			frontLoginAction.checkLogin(u,p,function(res){
				if(res){
					document.getElementById('loginForm').submit();
				}else{
					document.getElementById('subBtn').style.display='block';
					alert('用户名/密码错误。');
					username.focus();
					username.select();
				}
			});
		}
	}
</script>
</body>
</html>